<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}</title>
        <link rel="stylesheet" type="text/css" href="../styles/usuario.css" media="all"/>
    </h:head>
    <h:body>
        <div id="cabecalho-usuario">

            <div id="cabecalho-conteudo">
                <div id="cabecalho-usuario-esquerda">                    
                    <p:graphicImage styleClass="cabecalho-usuario-esquerda" value="/images/logo.png"/>
                </div>



                <div id="cabecalho-usuario-logout">                

                    <h:outputLink value="principalUsuario.xhtml">
                        <p:graphicImage styleClass="cabecalho-usuario-shortimage" library="usuario" name="#{usuariologin.usuario.foto}"/>
                    </h:outputLink>
                    <h:outputText id="logout-nome" value="#{usuariologin.usuario.nome}"/>


                    <p:megaMenu styleClass="megaMenu">
                        <p:submenu>

                            <p:column>
                                <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>
                            </p:column>
                            <p:column>

                                <h:form><h:link value="Configurar" outcome="/usuario/paginaConfigurarPerfil.xhtml" /></h:form>
                                <p:separator/>
                                <h:form><p:commandLink value="Logout" action="#{usuariologin.logout()}"/></h:form>

                            </p:column>

                        </p:submenu>    
                    </p:megaMenu>
                </div>
            </div>
        </div>

        <div id="estrutura">

            <div id="conteudo-usuario">                

                <div id="conteudo-left">
                    <div id="conteudo-left-foto">
                        <h:outputLink value="principalUsuario.xhtml">
                            <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>
                        </h:outputLink>
                    </div>
                    <div id="conteudo-left-descricao">
                        <h:outputText styleClass="fonteDestacada" value="#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}"/>                        
                    </div>

                    <div id="conteudo-left-menu">          

                        <h:form>
                            <p:menu styleClass="conteudo-left-menu">
                                <p:menuitem value="Home" url="../index.xhtml" />
                                <p:menuitem value="Postar Aquivos" action=""  />                                
                            </p:menu>

                            <p:panelMenu styleClass="conteudo-left-menu">
                                <p:submenu label="Disciplina">
                                    <p:menuitem value="Disciplina 1" url="http://gmail.com"/>                                    
                                </p:submenu>                                                                
                            </p:panelMenu>
                        </h:form>

                    </div>
                </div>    

                <div id="conteudo-center">                    

                    <!--Status-->                 

                    <!--                    <h:form>
                                            <p:growl/>
                                        </h:form>-->
                    
                    
                    

                </div>

                <div id="conteudo-right">                    
                </div>

            </div>
            <div id="rodape">

            </div>

        </div>

    </h:body>
</html>
